<!DOCTYPE html>
<html>
<head>
    <title>岐山手工擀面皮</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--theme-style-->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Food shop Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--fonts-->
    <link href='http://fonts.useso.com/css?family=Rokkitt:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Lobster+Two:400,400italic,700,700italic' rel='stylesheet'
          type='text/css'>
    <!--//fonts-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>

</head>
<body>
<!--header-->
<div class="header-in">
    <div class="container">
        <div class="logo">
            <h1><a href="index.html">岐山手工擀面皮</a></h1>
        </div>
        <div class="header-top">
            <div class="header-top-in">
                <ul class="header-grid">
                    <!--<li><a href="account.html">My Account </a> <label>/</label></li>-->
                    <!--<li><a href="login.html"> Login </a></li>-->
                </ul>
                <div class="act">
                    <a href="#" class="done">岐山 美食 </a>
                </div>
                <div class="clearfix"></div>
            </div>
            <ul class="grid-header">
                <!--<li><a href="account.html">My Account</a> <label>/</label></li>-->
                <!--<li><a href="#">My Cart</a> <label>/</label></li>-->
                <!--<li><a href="checkout.html"> Checkout </a></li>-->
            </ul>
            <div class="clearfix"></div>
        </div>
        <!---->
        <div class="header-bottom">
            <div class="top-nav">
                <span class="menu"> </span>
                <ul>
                    <li><a href="index.html">主页 </a><label>- </label></li>
                    <li><a href="location.html"> 位置</a><label>- </label></li>
                    <li><a href="specials.html">特价 </a><label>- </label></li>
                    <li><a href="404.html"> 在线订购</a><label>- </label></li>
                    <li><a href="contact.html">联系方式</a></li>
                </ul>
                <!--script-->
                <script>
                    $("span.menu").click(function () {
                        $(".top-nav ul").slideToggle(500, function () {
                        });
                    });
                </script>
            </div>
            <div class="search">
                <form>
                    <input type="text" value="点击搜索..." onfocus="this.value = '';"
                           onblur="if (this.value == '') {this.value = '';}">
                    <input type="submit" value="">
                </form>
            </div>
            <div class="clearfix"></div>
        </div>
        <!---->


    </div>
</div>
<!---->
<div class="container">
    <div class="single">
        <div class="col-md-9  single-top">
            <div class="text-in">
                <div class="single-men">
                    <img class="img-responsive" src="images/sin.jpg" alt=""/>
                    <h5>浆水鱼鱼是一道著名的陕西汉族传统小吃</h5>
                    <p>浆水鱼鱼曰鱼，其实并不似鱼，酷如蝌蚪。陕西人土话叫“蛤蟆骨斗”，意即小蝌蚪的意思。
                        浆水鱼鱼一般有两种：玉米面和一般淀粉的，可热吃也可放凉吃，味道十分鲜美。夏季特别适宜，可缓解夏季的烦躁酸辣爽口是夏季提升食欲的佳品。</p>
                </div>
                <ul class="comment-list">
                    <h5 class="post-author_head">Written by <a href="#" title="Posts by admin" rel="author">admin</a>
                    </h5>
                    <li><img src="images/avatar.png" class="img-responsive" alt="">
                        <div class="desc">
                            <p>View all posts by: <a href="#" title="Posts by admin" rel="author">admin</a></p>
                        </div>
                        <div class="clearfix"></div>
                    </li>
                </ul>
                <div class="comments-area">
                    <h3>添加新评论</h3>
                    <form>
                        <p>
                            <label>姓名</label>

                            <input type="text" value="">
                        </p>
                        <p>
                            <label>邮箱</label>

                            <input type="text" value="">
                        </p>
                        <p>
                            <label>网站</label>
                            <input type="text" value="">
                        </p>
                        <p>
                            <label>主题</label>

                            <textarea></textarea>
                        </p>
                        <div class="sub-in">
                            <input type="submit" value="提交评论">
                        </div>
                    </form>
                </div>
            </div>


        </div>
        <div class="col-md-3 single-bottom">
            <div class="store-right">
                <h6> 类别</h6>
                <ul class="store-men">
                    <li><a href="#"><span> </span>流行美食 </a></li>
                    <li><a href="#"><span> </span>健康选择 </a></li>
                    <li><a href="#"><span> </span>岐山风味 </a></li>
                    <li><a href="#"><span> </span>顶级小吃 </a></li>
                    <li class="last"><a href="#"><span> </span>你的不二选择 </a></li>
                </ul>
            </div>
            <div class="store-right">
                <h6>热门食物</h6>
                <div class="product">
                    <img class="img-responsive fashion" src="images/st1.jpg" alt=""/>
                    <div class="grid-product">
                        <a href="#" class="elit">手工擀面皮</a>
                        <span class="price price-in"><small>$15.00</small> $10.00</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="product">
                    <img class="img-responsive fashion" src="images/st2.jpg" alt=""/>
                    <div class="grid-product">
                        <a href="#" class="elit">臊子夹馍</a>
                        <span class="price price-in"><small>$15.00</small> $10.00</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="product">
                    <img class="img-responsive fashion" src="images/st3.jpg" alt=""/>
                    <div class="grid-product">
                        <a href="#" class="elit">酸菜面</a>
                        <span class="price price-in"><small>$150.00</small> $10.00</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="product">
                    <img class="img-responsive fashion" src="images/st4.jpg" alt=""/>
                    <div class="grid-product">
                        <a href="#" class="elit">羊肉泡沫</a>
                        <span class="price price-in"><small>$15.00</small> $10.00</span>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!---->
<div class="footer">
    <div class="container">
        <div class="col-md-8 footer-bottom ">
            <h4>岐山擀面皮西安店 </h4>
            <p>陕西省雁塔区科技五路20号岐山擀面皮 <br /> 咨询电话18829329092/13991094505</p>
            <p class="footer-grid">&copy; 2016.Design by
                <a href="https://yougaking.github.io/" title="YougaKing" target="_blank">YougaKing</a></p>

        </div>
        <div class="col-md-4 footer-bottom ">
            <h4>QiShan Noodle</h4>
            <ul class="social-icons">
                <li><a href="#"><span> </span> </a></li>
                <li class="tin"><a href="#"><span> </span></a></li>
                <li class="linked"><a href="#"><span> </span> </a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>